<!DOCTYPE html>
<html lang="zh">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <!-- <meta name="MobileOptimized" content="320"> -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,user-scalable=no">
    <meta content="telephone=no" name="format-detection"/>
    <title>说说雷电——你应该知道的事儿</title>
    <meta name="description" content="“奇妙的气象知识，你懂的”网络有奖问答正在火热进行中"/>
    <link rel="stylesheet" href="Static/css/bootstrap.min.css">
    <!-- <script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script><script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script> -->
    <script src="Static/js/jquery-1.7.2.min.js"></script>

    <link href="Static/css/flat/red.css" rel="stylesheet">
    <script src="Static/js/jquery.icheck.js"></script>
    <script src="Static/js/jquery.cookie.js"></script>
    <script src="Static/js/guid.js"></script>
    <script type="text/javascript" src="Static/js/jQueryRotate.2.2.js"></script>
    <link href="Static/css/style.css" rel="stylesheet">

</head>
<style>

</style>
<body style="width: 540px; margin: 0 auto;">
<div class="allpage">
<div class="page1 bg1">
    <!-- <div class="navbar navbar-inverse navbar-default">
      <div class="container">
        <button class="navbar-brand">返回</button>
        <h1 class="nav-text pull-center">中国天气网</h1>
      </div>
    </div> -->
    <div class="nav">
        <div class="container" style="text-align:center; width: 100%">
            <!--<div class="logo"><img width="100%" src="Static/img/title@2x.png"></div>-->
            <img width="100%" src="Static/img/hdgz_img1.png" class="hdgz_img" style="width: 200px; margin-top: 45%;">

            <!--<div style="font-size: 18px; font-family: '黑体'; font-weight: bold; margin-top: 5px;">2014年全国科普日活动</div>-->
        </div>
    </div>
    <div class="cho_wrap">
        <div class="container pore">
            <div id="mode_chg" class="mode_chg pore">
                <img id="mode_chgimg" src="Static/img/adv1.png" width="100%"/>

                <div class="faq faq1"><img src="Static/img/advimg1.png" width="30px"></div>
            </div>

            <div id="mode_lmt" class="mode_lmt pore">
                <img id="mode_lmtimg" src="Static/img/racing1.png" width="100%"/>

                <div class="faq faq2"><img src="Static/img/racingimg1.png" width="30px"></div>
            </div>

            <div class="clearf"></div>
        </div>
    </div>
    <div class="footer">
        <div class="container" style="width: 65%">
            <div style="margin:20px auto;"><img width="100%" src="Static/img/logo.png"></div>
        </div>
        Copyright°中国气象局公共气象服务中心 All Rights Reserved （2008-2014）
    </div>
</div>
<div class="page2 bg2 hide">
    <div class="nav">
        <div class="container" style="width: 100%">
            <div class="lbl_num fl">第一关</div>
            <div class="lbl_count fr"><span class="lbl_cur">1</span>/<span class="lbl_total">3</span><span
                    style="color:rgb(249,244,176)">题</span></div>
            闯关模式
        </div>
    </div>
    <div class="container" style="width: 100%">
        <div class="qt_wrap">

            <div class="spinner">
                <div class="spinner-container container1">
                    <div class="circle1"></div>
                    <div class="circle2"></div>
                    <div class="circle3"></div>
                    <div class="circle4"></div>
                </div>
                <div class="spinner-container container2">
                    <div class="circle1"></div>
                    <div class="circle2"></div>
                    <div class="circle3"></div>
                    <div class="circle4"></div>
                </div>
                <div class="spinner-container container3">
                    <div class="circle1"></div>
                    <div class="circle2"></div>
                    <div class="circle3"></div>
                    <div class="circle4"></div>
                </div>
            </div>
            <!-- <div class="qt_1">
              <p class='title'>题目：可吸入颗粒物PM2.5中，有毒颗粒物的主要来源是————？</p>
              <div class='option'>A 烹饪</div>
              <div class='option'>B 汽车尾气</div>
              <div class='option'>C 沙尘暴</div>
            </div>
            <div class="qt_2 hide">
              <p class='title'>题目2：可吸入颗粒物PM2.5中，有毒颗粒物的主要来源是————？</p>
              <div class='option'>A 烹饪</div>
              <div class='option'>B 汽车尾气</div>
              <div class='option'>C 沙尘暴</div>
            </div> -->
        </div>
        <div class="timer_wrap">
            <span style="color:rgb(217,222,176)">用时：<span class="timered">48</span>s</span>/总共：<span class="timertotal">300</span>秒
        </div>
        <div class="next">
            确定答案，下一题
        </div>
    </div>
    <div class="footer">Copyright°中国气象局公共气象服务中心 All Rights Reserved （2008-2014）
    </div>
</div>
<div class="pageRacing bgRacing hide">
    <div class="nav">
        <div class="container">
            <div class="lbl_count fl"><span class="lbl_cur">1</span>/<span class="lbl_total">10</span><span
                    style="color:rgb(249,244,176)">题</span></div>
            <div class="Racing_timer fr">
                <div style="padding-left: 15px;border-bottom:1px solid rgb(222,227,166)">已用时</div>
                <div class="racTimed" style="padding-left: 15px;">11m：27s</div>
            </div>
            竞速模式
        </div>
    </div>
    <div id="rac_wrap" class="container">
        <div class="spinner">
            <div class="spinner-container container1">
                <div class="circle1"></div>
                <div class="circle2"></div>
                <div class="circle3"></div>
                <div class="circle4"></div>
            </div>
            <div class="spinner-container container2">
                <div class="circle1"></div>
                <div class="circle2"></div>
                <div class="circle3"></div>
                <div class="circle4"></div>
            </div>
            <div class="spinner-container container3">
                <div class="circle1"></div>
                <div class="circle2"></div>
                <div class="circle3"></div>
                <div class="circle4"></div>
            </div>
        </div>
        <div class="spinner_foot">
            <div class="bounce1_foot"></div>
            <div class="bounce2_foot"></div>
            <div class="bounce3_foot"></div>
        </div>
    </div>
</div>
<div class="page_error hide">
    <div class="alt_error">
        <div class="alt_inner pore">
            <div class="error_p flex_wrap">
                <div class="altimg"></div>
                <div class="altsep"></div>
                <div class="flex_1">
                    <p>回答错啦！</p>

                    <p>正确答案是：<span class="faq_ans"></span></p>
                </div>
                <div class="altclose"></div>
            </div>
        </div>
    </div>
</div>
<div class="pageJspm hide">
    <div class="alt_error" style="background: red;border: 4px solid white;border-radius: 10px;">
        <div class="error_p">
            <div style="text-align: center;font-size: 1.8rem;">
                <p style="margin-top: 20px;color:rgb(249,244,176)">您当前排名：<span class="pm">188</span>。不过排名是即时刷新的哦，活动结束后前100名的童鞋才能获奖哟！
                </p>

                <p class="info">请填写您的个人资料</p>
            </div>
        </div>
    </div>
</div>
<div class="pageAlert hide">
    <div class="alt_error" style="background: red;border: 4px solid white;border-radius: 10px;">
        <div class="error_p">
            <div style="text-align: center;font-size: 1.8rem;">
                <p style="margin-top: 20px;color:rgb(249,244,176)"></p>
            </div>
        </div>
    </div>
</div>
<div class="pageShowchg bgRacing hide">
    <div class="nav">
        <div class="container Showchg">
            <div class="">您的成绩：<span class="fncolor1">正确：<span class="lbl_binggo">1</span>/<span
                    class="lbl_qtcount">10</span>题</span></div>
            <div class="" style="margin: 20px auto 40px 0;">您的用时：<span class="fncolor1 usetime">12m：47s</span></div>
            <!-- <div class="showqt pore">
              <div class="poab qt">题<span class="qt_index">1</span></div>
              <div class="poab fshow">?</div>
            </div> -->
        </div>
    </div>
    <div class="navbar-fixed-bottom">
        <div class="again container">
            再来一次
        </div>
    </div>
</div>
<div class="pageShowerror hide">
    <div class="alt_error">
        <div class="alt_inner pore">
            <div class="error_p">
                <div class="altimg"></div>
                <div class="altsep"></div>
                <div style="-webkit-box-flex: 1.0;">
                    <p>回答错啦！</p>

                    <p>题目：<span class="faq_title"></span></p>

                    <p>正确答案是：<span class="faq_ans"></span></p>
                </div>
                <div class="altclose"></div>
            </div>
        </div>
    </div>
</div>
<div class="pageReg bg3 hide">
    <div class="nav">
        <div class="container" style="width: 100%">
            填写您的资料以获得奖品
        </div>
    </div>
    <div class="container">
        <div class="input-group">
        <span class="input-group-btn">
            姓名
        </span>
            <input type="text" name="text" class="form-control input-lg sb_name" placeholder="姓名...">
        </div>
        <div class="input-group">
        <span class="input-group-btn">
            身份证
        </span>
            <input type="text" name="text" class="form-control input-lg sb_iden" placeholder="身份证...">
        </div>
        <div class="input-group">
        <span class="input-group-btn">
            手机
        </span>
            <input type="text" name="text" class="form-control input-lg sb_phone" placeholder="手机...">
        </div>
    </div>
    <div class="post container">
        提交资料开始抽奖
    </div>
</div>
<div class="pageLottery bg2 hide">
    <div class="nav">
        <div class="container">
            您还有<span class="lottery"></span>次机会!
        </div>
    </div>
    <div class="demo">
        <div id="disk"><img src="Static/img/lottery_bg.png" width="100%"></div>
        <div id="startbtn"><img src="Static/img/start_btn.png" width="100%"></div>
        <div id="pointer"><img src="Static/img/pointer.png" width="100%"></div>
    </div>
    <div class="footer">Copyright°中国气象局公共气象服务中心 All Rights Reserved （2008-2014）
    </div>
</div>
<div class="page_tip hide">
    <div class="alt_error" style="background: rgba(8,38,133, 0.4);border-radius: 10px;padding:10px;margin: 0 auto;position: relative;border: 1px solid #000;">
        <div class="tip_close"><img width="100%" src="Static/img/closebtn.png"/></div>
        <div class="error_p" style="clear: right;">
            <div class="tip_p"></div>
        </div>
    </div>
</div>

<div class="pagewarnOK hide">
    <div class="alt_error">
        <div class="alt_inner pore">
            <div class="error_p flex_wrap">
                <div class="flex_1">
                    <div class="fontimg"></div>
                    <p class="fontp">继续努力，闯下一关！</p>
                </div>
                <div class="altclose"></div>
            </div>
        </div>
    </div>
</div>
<div class="pageGameover hide">
    <div class="alt_wrap">
        <div class="main_div">
            <div class="altimg"></div>
            <div class="altsep"></div>
            <div class="over_p" style="-webkit-box-flex: 1.0;">
                <p>很遗憾，闯关失败！</p>
            </div>
        </div>
        <div class="btn1">结束闯关</div>
        <div class="btn2">再闯一次</div>
    </div>
</div>
<div class="pageLottip hide">
    <div class="alt_error gmjx">
        <div class="alt_inner pore">
            <div class="error_p flex_wrap">
                <div class="altimg"></div>
                <div class="flex_1">
                    <p class="ptip">差一点哦，谢谢参与。大奖马上抽出来！</p>

                    <p class="pfooter">活动结束后我们将与您联系发放奖品，等着哦！
                    </p>
                </div>
                <div class="altclose"></div>
            </div>
        </div>
    </div>
</div>
<div class="pageLotover hide">
    <div class="alt_wrap">
        <div class="btn1">再闯一次</div>
        <div class="btn2">结束活动</div>
    </div>
</div>
<div class="pageTimeover hide">
    <div class="alt_wrap">
        <div class="toimg"><img src="Static/img/!.png" width="100%"></div>
        <p>您今天的挑战机会已经没有啦！</p>
    </div>
</div>
<div class="pageHdgz poab hide">
    <div class="pageHdgz_bg"><img src="Static/img/Launchbg1.png" width="100%"></div>

    <div class="hdgz_up">有奖竞答活动规则</div>
    <div class="hdgz_close"><img src="Static/img/closebtn.png" width="100%"></div>

    <div class="hdgz_down">
        <p>1.活动分为闯关模式和竞速模式，网友可以根据兴趣任意选择答题模式，也可同时参加两个模式活动。所有题目形式均为单项选择题，<每题只有1项为正确答案></每题只有1项为正确答案>。</p>

        <p>2.微信答题可扫描二维码或关注“中国天气网”微信订阅号，并回复“雷电”即可参加。</p>

        <p>3.闯关模式一共有4关，每关5道题目，在规定的时间内答对其中3道即通过本关，并获得一次抽奖机会。累积通过几关便将获得几次抽奖机会。每关有答题限制时间：第一关1分钟，第二关2分钟，第三关3分钟，第四关5分钟。</p>

        <p>4.竞速模式中参与者需要回答10个题目，每个IP地址每天限答题2次。每次全部正确答完后，网页将显示当前排名。活动结束后全部答对且用时最短的前100名参与者将获得奖励。</p>

        <p>5.在闯关模式获得抽奖机会或竞速模式全部答对时，请填写个人姓名、身份证号、手机号码等相关资料。（一定准确填写哦，这是发奖凭证！我们会对您的资料严格保密的！）</p>

        <p>6.每个手机号码只能获奖一次，不能重复获奖。发放奖品时，系统将核对身份，无效身份证和手机号码将被取消获奖资格。所有奖品将在活动结束后统一发放。</p>

        <p>7.活动奖品：</p>

        <p> 闯关模式：三等奖500名 10元手机话费；二等奖300名 20元手机话费；一等奖100名 气象科普玩具“小小气象站”（价值100元）</p>

        <p><img src="Static/img/jp.png" width="100%"></p>

        <p> 竞速模式：答题最快的100名 30元手机话费</p>

        <p>8.活动本着公平公开公正的原则运营，一旦有作弊行为发生并经运营方确认为作弊行为后，立即取消作弊用户所获得的奖品、积分、等级所有数据，并将该用户拉入黑名单。（作弊行为包括但不仅限于：入侵数据库、收买运营人员、通过其他手段盗取相关数据等。）</p>

        <p>9.本次活动最终解释权归中国气象局仅公共气象服务中心所有-中国天气网所有。联系方式：weather@cms1924.org</p>
    </div>

</div>
<script type="text/javascript" src="Static/js/index.js?version=1.7.1"></script>
<!-- START WRating v1.0 -->
<script type="text/javascript" src="http://c.wrating.com/a1.js">
</script>
<script type="text/javascript">
    var vjAcc = "860010-2099280100";
    var wrUrl = "http://c.wrating.com/";
    vjTrack("");
</script>
<noscript><img src="http://c.wrating.com/a.gif?a=&c=860010-2099280100" width="1" height="1"/></noscript>
<!-- END WRating v1.0 -->
</div>
</body>
</html>
